@charset "utf-8";
.medal-body-wrapper {
    width: 1070px;
    text-align: left;
    margin: 30px auto 50px auto;
}
.clearfix, #medal-login-group, .medal-header, .medal-main-shadow, .medal-nav-footer, .medal-footer-bottom-group, .medal-main-wrapper, .medal-nav-main-list, .medal-nav-sub-list {
    display: inline-table;
    border-radius: 4px;
}
.clearfix, #medal-login-group, .medal-header, .medal-main-shadow, .medal-nav-footer, .medal-footer-bottom-group, .medal-main-wrapper, .medal-nav-main-list, .medal-nav-sub-list {
    display: block;
}
.medal-main-shadow {
    padding: 10px 10px 0;
}
.medal-main-wrapper {
     background: #fff;
}
.medal-module {
    width: 745px;
    background: #f6f6f6;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.24);
    padding: 15px;
    margin-bottom: 20px;
    float: left;
}
.medal-module-title {
    font-size: 30px;
    margin-bottom: 10px;
}
.medal-sidepanel {
    float: right;
    width: 300px;
    padding: 0 10px 10px 10px;
    min-height: 80px;
}
.medal-main h2{
    font-size:18px;
}
.medal-hierarchy {
    margin-bottom: .4em;
    padding-top: .4em;
    border-top: 1px solid #e4e6e8;
}
.medal-hierarchy .medal-row {
    padding-top: .2em;
    padding-bottom: .2em;
    border-top: none;
}
.medal-container i{
    font-size: 20px;
}
.medal-cell-large {
    width: 200px;
}
.medal-cell-small {
    width: 150px;
}
.medal-cell-large,.medal-cell-small, .medal-description, .medal-count ,.medal-name,.medal-detail{
    display: inline-block;
    vertical-align: middle;
}
.medal-description {
    width: 420px;
    word-wrap: break-word;
}
.medal-name{
    width:130px;
    padding:0 5px ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.medal-detail{
    width:330px;
    padding:0 10px ;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.medal-count {
    width: 95px;
    text-align: right;
}
.item-multiplier {
     margin-right: 4px;
     color: #848d95;
}
.item-multiplier-count {
    font-size: 11px;
    color: #6a737c;
}
.check-cell {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    color:green;
    text-align: center;
}
.clear {
    clear: both;
}
